<script setup>
</script>

<template>
  <div class="notice-detail-bg">
    <!-- 面包屑 -->
      <div class="notice-breadcrumb">
        首页 / 信息公告 / <span class="black">信息公告详情页</span>
      </div>
    <div class="notice-detail-card">
      
      <!-- 标题 -->
      <div class="notice-title">
        太原市迎泽区卫生局卫生监督所2023年4月至12月政府采购意向-公用经费项目
      </div>
      <!-- 企业和时间 -->
      <div class="notice-meta">
        <span>发布企业：太原市迎泽区卫生局卫生监督所</span>
        <span>发布时间：2023年04月13日</span>
      </div>
      <!-- 说明文字 -->
      <div class="notice-desc">
        为便于供应商及时了解<span class="red">政府采购意向</span>信息，根据《（略）关于开展<span class="red">政府采购意向</span>公开工作的通知》（财库〔2020〕（略）等有关规定，现将<span class="red">太原市</span>（略）（略），<span class="red">2023年4月至12月采购意向</span>公开如下：
      </div>
      <!-- 表格 -->
      <div class="notice-table-wrap">
        <table class="detail-table">
          <thead>
            <tr>
              <th>序号</th>
              <th>采购<span class="red">项目</span>名称</th>
              <th>采购需求概况</th>
              <th>预算金额（元）</th>
              <th>预计采购时间（填写到<span class="red">月</span>）</th>
              <th>是否专门面向中小企业采购</th>
              <th>备注</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td><span class="red">公用经费项目</span></td>
              <td>公车维修</td>
              <td>***</td>
              <td><span class="red">2023年12月</span></td>
              <td>是</td>
              <td>车辆运行维护费</td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- 说明文字 -->
      <div class="notice-desc mb70">
        本次公开的采购意向是本单位<span class="red">政府采购</span>工作的初步安排，具体采购项目情况以相关采购公告和采购文件为准。
      </div>
      <div class="notice-desc mb7" >
        <span class="red">太原市</span>（略）（略）
      </div>
      <!-- 温馨提示 -->
      <div class="notice-tips">
        温馨提示：本招工<span class="red">项目</span>仅供付费会员查阅，您的权限不能浏览详细信息。联系方式仅对会员办理会员后可获取详细的招标公告、报名表格、<span class="red">项目</span>附件及部分<span class="red">项目</span>招标文件等。
        <br />
        联系人：赵工<br />
        电话：010-68960698<br />
        邮箱：1049263697@qq.com
      </div>
      <!-- 附件 -->
      <div class="notice-attach">
        <span class="attach-icon"><img src="/images/公告列表详情页/u251.png" alt="附件图标" style="width:22px;height:22px;display:block;margin:auto;" /></span>附件:
        <span class="attach-icon"><img src="/images/公告列表详情页/u252.png" alt="附件图标" style="width:22px;height:22px;display:block;margin:auto;" /></span>

        <span class="attach-text">太原市迎泽区卫生局卫生监督所2023年4月至12月政府采购意向-公用经费项目附件</span>
      </div>
    </div>
  </div>
</template>

<style scoped>
.notice-detail-bg {
  background: #fafbfc;
  min-height: 100vh;
  padding-bottom: 40px;
}
.notice-detail-card {
  background: #fff;
  border-radius: 12px;
  max-width: 1200px;
  margin: 32px auto 0 auto;
  padding: 32px 40px 24px 40px;
  box-shadow: 0 2px 8px #e0f7fa55;
}
.notice-breadcrumb {
  font-size: 15px;
  color: #888;
  margin: 24px 0 0 0;
  padding-left: 32px;
  text-align: left;
}
.notice-breadcrumb .black {
  color: #222;
  font-weight: normal;
}
.notice-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
.notice-meta {
  color: #888;
  font-size: 15px;
  margin-bottom: 50px;
  display: flex;
  gap: 32px;
  text-align: center;
  justify-content: center;
}
.notice-desc {
  font-size: 16px;
  color: #333;
  margin-bottom: 18px;
  text-align: left;
  line-height: 1.8;
}
.red {
  color: #e53935;
  font-weight: bold;
}
.notice-table-wrap {
  margin-bottom: 18px;
  overflow-x: auto;
}
.detail-table {
  width: 75%;
  border-collapse: collapse;
  background: #fff;
  margin-bottom: 0;
}
.detail-table th, .detail-table td {
  border: 1px solid #ddd;
  padding: 10px 8px;
  font-size: 15px;
  text-align: center;
}
.detail-table th {
  background: rgba(128,128,128,0.3);
  color: #222;
  font-weight: 500;
}
.detail-table th .red, .detail-table td .red {
  color: #e53935;
  font-weight: bold;
}
.detail-table td {
  color: #333;
}
.notice-tips {


  font-size: 14px;
  border-radius: 6px;

  margin-bottom: 18px;
  text-align: left;
  line-height: 1.8;
}
.notice-attach {
  color: #bbb;
  font-size: 15px;
  display: flex;
  align-items: center;
  margin-top: 18px;
  text-align: left;
}
.attach-icon {
  font-size: 18px;
  margin-right: 6px;
}
.attach-text {
  color: #bbb;
}
.notice-desc.mb70 {
  margin-bottom: 80px;
}
.notice-desc.mb7 {
  margin-bottom: 80px;
}
</style>